.navBox {
  min-height: 100%;
  /* background: #393d47 !important; */
}
.navBtn {
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  .navImg {
    margin-right: 10px;
    background-image: url(/src/assets/images/default.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    cursor: pointer;
    background-position: 100% 0;
  }
}
.baseSel {
  background-image: url('/src/assets/images/nav/sel2.png');
  width: 20px;
  height: 20px;
  &.monitor {
    background-position: 0px -46px;
  }
  &.task {
    background-position: -28px -46px;
  }
  &.alert {
    background-position: -56px -46px;
  }
  &.keyword {
    background-position: -84px -46px;
  }
  &.log {
    background-position: -110px -46px;
  }
  &.backup {
    background-position: -140px -46px;
  }
  &.bug {
    background-position: -167px -46px;
  }
  &.network {
    background-position: -0px -71px;
  }
  &.update {
    background-position: -28px -71px;
  }
  &.product {
    background-position: -56px -71px;
  }
  &.systemStatus {
    background-position: -84px -71px;
  }
  &.user {
    background-position: -112px -71px;
  }
  &.remote {
    background-position: -140px -71px;
  }
  &.down {
    background-position: 20px -26px;
  }
}

.Menu:hover .baseNoSel {
  background-image: url('/src/assets/images/nav/sel2.png');
}
.baseNoSel {
  width: 20px;
  height: 20px;
  background-image: url('/src/assets/images/nav/nosel2.png');
  &.monitor {
    background-position: 0px -46px;
  }
  &.task {
    background-position: -28px -46px;
  }
  &.alert {
    background-position: -56px -46px;
  }
  &.keyword {
    background-position: -84px -46px;
  }
  &.log {
    background-position: -112px -46px;
  }
  &.backup {
    background-position: -140px -46px;
  }
  &.bug {
    background-position: -167px -46px;
  }
  &.network {
    background-position: -0px -71px;
  }
  &.update {
    background-position: -28px -71px;
  }
  &.product {
    background-position: -56px -71px;
  }
  &.systemStatus {
    background-position: -84px -71px;
  }
  &.user {
    background-position: -112px -71px;
  }
  &.remote {
    background-position: -140px -71px;
  }
  &.down {
    background-position: 20px -26px;
  }
}
:global {
  .ant-menu-submenu-open .ant-menu-item-icon {
    background-image: url('/src/assets/images/nav/sel2.png');
  }
  .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: #0b6fd6 !important;
  }
  .ant-radio-disabled .ant-radio-inner:after {
    background-color: #d9d9d9 !important;
  }
  .ant-radio-inner:after {
    background-color: #0b6fd6 !important;
  }
}
